<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>信息管理-夜读书</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="author" content="夜读书">
    <meta name="description" content="加入夜读书文化联盟，共同打造文化的产业盟国，让阅读无处不在。">
    <meta name="keywords" content="夜读书文化联盟，读书,阅读,小说,文学">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="{{ asset('/bootstrap-3.3.5-dist/css/bootstrap.min.css') }}">
    <link rel="stylesheet" href="{{ asset('/style/css/hangye.css') }}">
    <script src="{{ asset('/scripts/jquery/jquery-1.11.3.min.js') }}"></script>
    <script src="{{ asset('/bootstrap-3.3.5-dist/js/bootstrap.min.js') }}"></script>
    {{-- umeditor --}}
    <script type="text/javascript" charset="utf-8" src="{{ asset('/editor/hangye_ueditor1_4_3_1/ueditor.config.js') }}"></script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('/editor/hangye_ueditor1_4_3_1/ueditor.all.js') }}"> </script>
    <script type="text/javascript" charset="utf-8" src="{{ asset('/editor/hangye_ueditor1_4_3_1/lang/zh-cn/zh-cn.js') }}"></script>
    {{-- umeditor end--}}
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=tSpywWbTNWDtUHVpM0hmr2ZHYL7MRsc2"></script>
</head>
<body onload="showpic();">
    @include('hangye.include.uheader')
    <div id="detailc">
        @include('hangye.include.aside')
        <article class="main-article">
        <form name="form" class="" role="form" action="save_chubaninfo" method="post" enctype="multipart/form-data">
            <input type="hidden" name="_token" value="{{ csrf_token() }}" />
            <div class="item">
               <table class="tbk" width="90%" cellpadding="0" border="0">
                   <tbody>
                        <tr>
                            <td class="alabel">*公司名称：</td>
                            <td><input class="form-control" name="danwei_name" id="danwei_name" value="" type="text"></td>
                        </tr>
                        <tr>
                            <td class="alabel">*成立时间：</td>
                            <td>
                                <input style="width:20%; display: inline;" class="form-control" name="chengli_time" id="chengli_time" value="" type="text">
                                <span style="color:#999">例如：2017</span>                       
                            </td>
                        </tr>
                        <tr>
                            <td class="alabel">*电话：</td>
                            <td><input style="width:30%;" class="form-control" name="dianhua" id="dianhua" value="" type="text"></td>
                        </tr>
                        <tr>
                            <td class="alabel">公司网址：</td>
                            <td>
                                <input style="width:40%;display: inline;" class="form-control" name="web_url" id="web_url" value="" type="text">
                                <span style="color:#999">例如：www.yedushu.com</span>  
                            </td>
                        </tr
                        <tr>
                            <td class="alabel">*公司logo：</td>
                            <td>
                                <div class="icp-upload-component multiple-items" style="float:left;margin:10px 10px;">
                                <div class="icp-upload-component-content logo-border">
                                    <img id="logo_img" src="http://www.yedushu.com/images/hangye/uppicico.png" width="262" height="182">
                                </div><span style="color:#999">上传logo尺寸400*230，获得最佳显示效果</span>
                                <div class="icp-upload-component-bottom J_upload_linkbar">
                                    <a class="icp-button-main icp-button-size-upload float-left">本地上传</a>
                                    <div class="logo-file">
                                        <input id="logo" name="logo" accept="image/jpeg,image/x-png,image/gif" type="file">
                                    </div>
                                </div>
                            </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="alabel">*公司环境：</td>
                            <td>
                                <div class="icp-upload-component multiple-items" style="float:left;margin:10px 10px;">
                                <div class="icp-upload-component-content logo-border">
                                    <img id="huanjing1_img" src="http://www.yedushu.com/images/hangye/uppicico.png" width="262" height="182">
                                </div>
                                <div class="icp-upload-component-bottom J_upload_linkbar">
                                    <a class="icp-button-main icp-button-size-upload float-left">本地上传</a>
                                    <div class="logo-file">
                                        <input id="huanjing1" name="huanjing1" accept="image/jpeg,image/x-png,image/gif" type="file">
                                    </div>
                                </div>
                            </div>
                            </td>
                        </tr>
                        <tr>
                            <td class="alabel">*城市：</td>
                            <td>
                                <select name="province" id="province">
                                    <option value="-1">请选择</option>
                                </select>
                                <select name="city" id="city">
                                    <option value="-1">请选择</option>
                                </select>
                                <select name="town" id="town">
                                    <option value="-1">请选择</option>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td class="alabel">*详细地址：</td>
                            <td>
                                <div class="">
                                <input style="width:90%; display: inline;" class="form-control" name="dizhi" id="dizhi" value="" type="text">
                                <input value="定位" onclick="theLocation()" type="button">
                                </div>                             
                            </td>
                        </tr>
                        <tr>
                            <td class="alabel">*位置：</td>
                            <td style="width: 700px;height: 500px;padding-bottom: 10px;">
                                <!-- 百度地图 -->
                                <div id="allmap"></div>
                                <input style="width:20%; " name="x_lng" id="x_lng" value="" type="hidden">  
                                <input style="width:20%; " name="y_lat" id="y_lat" value="" type="hidden">  
                            </td>
                        </tr>
                        <tr>
                            <td class="alabel">*公司介绍：</td>
                            <td>
                                <script type="text/plain" id="jieshao" name="jieshao" style="width:100%;height:300px;"></script>
                            </td>
                        </tr>
                        <tr>
                            <td></td>
                            <td style="height: 60px;text-align: center;">
                                <button type="button" name="oksubmit" id="okbutton" class="btn btn-success">发布信息</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
    <script type="text/javascript">
    //实例化编辑器
    var jieshao = UE.getEditor('jieshao');
    </script>
        </form>
        </article>
    </div>
    <div style="clear:both;"></div>

<script src="{{ asset('/provinces/area.js') }}"></script>
<script src="{{ asset('/provinces/select.js') }}"></script>    
    @include('hangye.include.footer')
</body>
</html>

<script type="text/javascript">
    // 百度地图API功能
    var map = new BMap.Map("allmap");
    var point = new BMap.Point(116.331398,39.897445);
    map.centerAndZoom(point,12); //设初始化地图
    map.enableScrollWheelZoom(true);   //开启鼠标滚轮缩放

    //添加地图类型控件
    map.addControl(new BMap.MapTypeControl({
        mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]
    }));

    //map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);
    // 添加带有定位的导航控件
    var navigationControl = new BMap.NavigationControl({
        // 靠左上角位置
        anchor: BMAP_ANCHOR_TOP_LEFT,
        // LARGE类型
        type: BMAP_NAVIGATION_CONTROL_LARGE,
        // 启用显示定位
        enableGeolocation: true
    });
    map.addControl(navigationControl);

    //浏览器定位
    var geolocation = new BMap.Geolocation();
    geolocation.getCurrentPosition(function(r){
        if(this.getStatus() == BMAP_STATUS_SUCCESS){
            var mk = new BMap.Marker(r.point);
            map.addOverlay(mk);
            map.panTo(r.point); //将地图的中心点更改为给定的点
            //alert('您的位置：'+r.point.lng+','+r.point.lat);
            $("#x_lng").val(r.point.lng);
            $("#y_lat").val(r.point.lat);


            mk.enableDragging(); //标注可拖拽
            //mk.disableDragging(); // 不可拖拽
            // 开启事件监听
            mk.addEventListener("dragend", function (e) {
                var x = e.point.lng; //经度
                var y = e.point.lat; //纬度
                //alert("拖到的地点的经纬度：" + x + "，" + y);
                $("#x_lng").val(x);
                $("#y_lat").val(y);
            });
        }
        else {
            alert('failed'+this.getStatus());
        }        
    },{enableHighAccuracy: true})    
 
    $("#province").change(function(e){
        //根据城市名定位
        map.clearOverlays(); //清除覆盖物        
        var province = $("#province").val();
        if(province != -1){
            //var pp = map.getCenter();  //获得当前中心的经纬度
            map.centerAndZoom(province,12); //用城市名设置地图中心点
            //map.addOverlay(new BMap.Marker(pp));    //添加标        
        }
    });
    $("#city").change(function(){
        //根据城市名定位
        var province = $("#province").val();
        var city = $("#city").val();
        if(city != -1){
            city = province + city;
            map.centerAndZoom(city,12);      // 用城市名设置地图中心点
        }
    });
    $("#town").change(function(){
        //根据城市名定位
        var province = $("#province").val();
        var city = $("#city").val();
        var town = $("#town").val();
        if(city != -1){
            town = province + city  + town;
            map.centerAndZoom(town,12);      // 用城市名设置地图中心点
        }
    });

    // // 用经纬度设置地图中心点(根据经纬度定位)
    // function theLocation(){
    //     if(document.getElementById("longitude").value != "" && document.getElementById("latitude").value != ""){
    //         map.clearOverlays(); 
    //         var new_point = new BMap.Point(document.getElementById("longitude").value,document.getElementById("latitude").value);
    //         var marker = new BMap.Marker(new_point);  // 创建标注
    //         map.addOverlay(marker);              // 将标注添加到地图中
    //         map.panTo(new_point);      
    //     }
    // }

    function theLocation() {
        //根据输入的地址定位
        map.clearOverlays();    //清除地图上所有覆盖物
        function myFun(){
            var pp = local.getResults().getPoi(0).point;   //获取第一个智能搜索的结果
            //alert(pp.lng);
            $("#x_lng").val(pp.lng);
            $("#y_lat").val(pp.lat);
            map.centerAndZoom(pp, 18);
            map.addOverlay(new BMap.Marker(pp)); //添加标注
        }
        var local = new BMap.LocalSearch(map, { //智能搜索
          onSearchComplete: myFun
        });
        myValue = $("#dizhi").val();
        local.search(myValue);

    }

    //地图点击事件,点击地图得到当前位置的坐标
    map.addEventListener("click",function(e){ 
        centerx = e.point.lng;
        centery= e.point.lat;
        //alert(centerx + ',,,'  + centery);
        $("#x_lng").val(centerx);
        $("#y_lat").val(centery);
        map.clearOverlays(); //清除覆盖物
        add_overlay();
    });  

    //添加覆盖物
    function add_overlay(){
        var new_point = new BMap.Point(centerx,centery); //获得新的经纬度
        var marker = new BMap.Marker(new_point);  // 创建标注
        map.addOverlay(marker);   //增加点(符号)
        map.panTo(new_point);  //跳转到标注位置
        //map.centerAndZoom(new BMap.Point(centerx,centery),16);
        marker.enableDragging(); //标注可拖拽

        marker.addEventListener("dragend", function (e) {
                var x = e.point.lng; //经度
                var y = e.point.lat; //纬度
                //alert("拖到的地点的经纬度：" + x + "，" + y);
                $("#x_lng").val(x);
                $("#y_lat").val(y);
            });
    }


    
$(document).ready(function(){
    $("#okbutton").click(function(){ //提交按钮事件
        //公司名字
        if($.trim($("#danwei_name").val())=="")
        {
            alert("公司名字不能为空");
            $("#danwei_name").focus();
        }
        //成立时间
        else if($.trim($("#chengli_time").val())=="")
        {
            alert("成立时间不能为空");
            $("#chengli_time").focus();
        }
        else if($.trim($("#dianhua").val())=="")
        {
            alert("公司电话不能为空");
            $("#dianhua").focus();
        }
        else if(!isphone($.trim($("#dianhua").val())))
        {
            //判断电话号码是否正确
            alert("请输入正确的电话号码");
            $("#dianhua").focus();
        }
        else if($.trim($("#logo").val())=="")
        {
            alert("请上传公司logo图片");
            $("#logo").focus();
        }
        else if($.trim($("#huanjing1").val())=="")
        {
            alert("请上传公司环境照片");
            $("#huanjing1").focus();
        }
        else if($.trim($("#province").val())=="-1" || $.trim($("#city").val())=="-1" || $.trim($("#town").val())=="-1")
        {
            alert("请选择公司城市");
            $("#city").focus();
        }
        else if($.trim($("#dizhi").val())=="")
        {
            alert("请填写公司详细地址");
            $("#dizhi").focus();
        }
        else if($.trim($("#x_lng").val())=="" || $.trim($("#y_lat").val())=="")
        {
            alert("请在地图上选择公司位置");
            $("#dizhi").focus();
        }
        else if($.trim($("#x_lng").val())=="" || $.trim($("#y_lat").val())=="")
        {
            alert("请在地图上选择公司位置");
            $("#dizhi").focus();
        }
        else if(!UE.getEditor('jieshao').hasContents())
        {
            alert("公司介绍不能为空");
            UE.getEditor('jieshao').focus();
        }
        //上传数据,保存认证数据
        else {
            form.submit();
        }
    });

});

    ///////////图片上传//////////
    $("#logo").change(function(){  //上传logo
        //获取input file的files文件数组;
        //$('#logo_img')获取的是jQuery对象，.get(0)转为原生对象;
        //这边默认只能选一个，但是存放形式仍然是数组，所以取第一个元素使用[0];
        var file = $('#logo').get(0).files[0];
        if(!/image\/\w+/.test(file.type)){ 
            alert("文件必须为图片！"); 
            return false; 
        }     
        //检查大小,出错则退出，文件不会上传
        if (file.size > 1*1024*1024) {
            alert('上传图片不要大于1M');
            return;
        }
        //创建用来读取此文件的对象
        var reader = new FileReader();
        //使用该对象读取file文件
        reader.readAsDataURL(file);
        //读取文件成功后执行的方法函数
        reader.onload=function(e){
        //读取成功后返回的一个参数e，整个的一个进度事件
        console.log(e);
        //选择所要显示图片的img，要赋值给img的src就是e中target下result里面
        //的base64编码格式的地址
        $('#logo_img').get(0).src = e.target.result;
      }
    });

    $("#huanjing1").change(function(){  //上传公司环境图片1
        //获取input file的files文件数组;
        //$('#logo_img')获取的是jQuery对象，.get(0)转为原生对象;
        //这边默认只能选一个，但是存放形式仍然是数组，所以取第一个元素使用[0];
        var file = $('#huanjing1').get(0).files[0];
        if(!/image\/\w+/.test(file.type)){ 
            alert("文件必须为图片！"); 
            return false; 
        }     
        //检查大小,出错则退出，文件不会上传
        if (file.size > 1*1024*1024) {
            alert('上传图片不要大于1M');
            return;
        }
        //创建用来读取此文件的对象
        var reader = new FileReader();
        //使用该对象读取file文件
        reader.readAsDataURL(file);
        //读取文件成功后执行的方法函数
        reader.onload=function(e){
        //读取成功后返回的一个参数e，整个的一个进度事件
        console.log(e);
        //选择所要显示图片的img，要赋值给img的src就是e中target下result里面
        //的base64编码格式的地址
        $('#huanjing1_img').get(0).src = e.target.result;
      }
    });

    function showpic(){
        //刷新页面显示保留已经上传的图片
        if($.trim($("#logo").val())!=""){
            var file = $('#logo').get(0).files[0];
            //创建用来读取此文件的对象
            var reader = new FileReader();
            //使用该对象读取file文件
            reader.readAsDataURL(file);
            //读取文件成功后执行的方法函数
            reader.onload=function(e){
                //读取成功后返回的一个参数e，整个的一个进度事件
                console.log(e);
                //选择所要显示图片的img，要赋值给img的src就是e中target下result里面
                //的base64编码格式的地址
                $('#logo_img').get(0).src = e.target.result;
            }
        }

        if($.trim($("#huanjing1").val())!=""){
            var file = $('#huanjing1').get(0).files[0];
            //创建用来读取此文件的对象
            var reader = new FileReader();
            //使用该对象读取file文件
            reader.readAsDataURL(file);
            //读取文件成功后执行的方法函数
            reader.onload=function(e){
                //读取成功后返回的一个参数e，整个的一个进度事件
                console.log(e);
                //选择所要显示图片的img，要赋值给img的src就是e中target下result里面
                //的base64编码格式的地址
                $('#huanjing1_img').get(0).src = e.target.result;
            }
        }
    }

    /* 判断输入是否为合法的电话号码，手机号码 */
    function isphone(inpurStr)
    {
        var partten = /^1[3,5,8]\d{9}$/;  //手机号码
        if(partten.test(inpurStr))
        {
             return true;
        }
        partten = /^(\d{3,4}\-)?\d{7,8}$/i;    //带横线 电话号码
        if(partten.test(inpurStr))
        {
             return true;
        }
        partten = /^0(([1-9]\d)|([3-9]\d{2}))\d{8}$/;    //不带横向电话号码
        if(partten.test(inpurStr))
        {
           return true;
        }
        return false;    //如果都不是 返回  false
    }

</script>
